.atlas-list {
    display: flex;
    width: 100%;
    height: 100%;
    &-category {
      width: 300px;
      height: 100%;
      box-sizing: border-box;
      border-right: 1px solid var(--main-content-header-border-color);
  
      &-search {
        height: 40px;
        padding-left: var(--main-content-padding);
        padding-right: var(--main-content-padding);
        margin-top: var(--main-content-padding);
      }
      &-list {
        width: 100%;
        height: calc(100% - 40px - var(--main-content-padding));
        padding-left: var(--main-content-padding);
        padding-right: calc(var(--main-content-padding) / 2);
        padding-bottom: var(--main-content-padding);
        box-sizing: border-box;
        overflow-y: scroll;
      }
    }
    &-main {
      width: calc(100% - 300px);
      height: 100%;
      box-sizing: border-box;
      padding: var(--main-content-padding);
      .chart{
        width: 100%;
        height: 100%;
      }
    }
  }
  